<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Platinum Theme - Blog Page</title>
<meta name="keywords" content="platinum, blog page, free templates, website templates, CSS, HTML" />
<meta name="description" content="Platinum Theme, Blog Page, free CSS template provided by templatemo.com" />
<link href="css/templatemo_style.css" rel="stylesheet" type="text/css" />

<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />

<script language="javascript" type="text/javascript">
function clearText(field)
{
    if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;
}
</script>

<link rel="stylesheet" type="text/css" href="css/ddsmoothmenu.css" />

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/ddsmoothmenu.js">

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

<script type="text/javascript">

ddsmoothmenu.init({
	mainmenuid: "templatemo_menu", //menu DIV id
	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
	classname: 'ddsmoothmenu', //class added to menu's outer DIV
	//customtheme: ["#1c5a80", "#18374a"],
	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
})

</script>

</head>
<body>

<div id="templatemo_wrapper">

    <div id="templatemo_header">
        <div id="site_title"><h1><a href="http://sc.chinaz.com">Free CSS Templates</a></h1></div>
        <div id="templatemo_menu" class="ddsmoothmenu">
            <ul>
                <li><a href="index.html"><span></span>Home</a></li>
                <li><a href="about.html"><span></span>About Us</a>
                    <ul>
                        <li><a href="submenupage.html">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                    </ul>
                </li>
                <li><a href="portfolio.html"><span></span>Portfolio</a>
                    <ul>
                        <li><a href="submenupage.html">Sub menu 1</a></li>
                        <li><a href="submenupage.html">Sub menu 2</a></li>
                        <li><a href="submenupage.html">Sub menu 3</a></li>
                        <li><a href="submenupage.html">Sub menu 4</a></li>
                        <li><a href="submenupage.html">Sub menu 5</a></li>
                   </ul>
              </li>
              <li><a href="blog.html" class="selected"><span></span>Blog</a></li>
              <li><a href="contact.html"><span></span>Contact</a></li>
            </ul>
            <br style="clear: left" />
        </div> <!-- end of menu -->
    </div> <!-- end of header -->
    
    <div id="templatemo_main_wrapper">
    	<div id="templatemo_main">
          	<div id="content">
				<div class="post">
                    <h2>Free Graphic Design Tips</h2>
                 	<div class="meta">Posted in <a href="#">Illustrations</a>, <a href="#">Graphics</a> | Date: June 24, 2048 | <a href="blog_post.html">136 comments</a></div>
                    
                    <img src="images/blog/01.jpg" alt="Image 01" class="image_frame image_fl" />
                <p>Ut sed lorem ac ante cursus auctor. Nam ut congue velit. Cras eget fermentum sem. Maecenas nec purus lorem, a sodales lectus. Etiam consequat nulla sit amet nisl volutpat ornare. Donec purus nulla, egestas ac porttitor et, pharetra nec felis. Donec lobortis fringilla blandit. Fusce a purus vel justo pulvinar tempor. Nullam gravida quam et ligula tempus non congue justo egestas. Aliquam erat volutpat. Sed id massa in orci ultrices auctor eu quis dui. Aliquam erat volutpat. Suspendisse potent vehicula eget lacus. Aliquam quis tincidunt quam.</p>
                    <a href="blog_post.html" class="more float_r"></a>
                    <div class="cleaner"></div>
				</div>
                <div class="post">
                    <h2>Creating Graphic Animation</h2>
           	    <div class="meta">Posted in <a href="#">3D</a>, <a href="#">Animations</a> | Date: June 18, 2048 | <a href="blog_post.html">147 comments</a></div>
                    
                    <img src="images/blog/02.jpg" alt="Image 02" class="image_frame image_fl" />
                    <p>Aenean sit amet nunc id massa venenatis laoreet. Mauris a diam vel lacus bibendum luctus. Phasellus bibendum nunc in nisl condimentum lacinia. Morbi ut mi erat. Ut erat diam, aliquet vitae placerat nec, lobortis in tellus. Suspendisse commodo molestie orci ac lobortis. Praesent eget libero enim, vel accumsan lorem. Suspendisse aliquet dui consectetur neque fermentum ut scelerisque purus venenatis. Nulla ultrices consectetur magna, id semper sapien porttitor id. Fusce porta pretium lectus, at feugiat orci adipiscing ut. Validate <a href="http://validator.w3.org/check?uri=referer" rel="nofollow"><strong>XHTML</strong></a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer" rel="nofollow"><strong>CSS</strong></a>.</p>
                    <a href="blog_post.html" class="more float_r"></a>
                    <div class="cleaner"></div>
				</div>
                <div class="post">
                    <h2>CSS Template Tips</h2>
               	  	<div class="meta">Posted in <a href="#">Template</a>, <a href="#">Freebie</a> | Date: June 11, 2048 | <a href="blog_post.html">180 comments </a></div>
                    
                    <img src="images/blog/03.jpg" alt="Image 03" class="image_frame image_fl" />
                    <p>Phasellus euismod lorem aliquam nulla adipiscing feugiat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam massa lorem, mattis a tempor a, adipiscing ac risus. Praesent porttitor orci id velit interdum eleifend. Curabitur congue, nisl ut lacinia fermentum, lacus velit interdum leo, vel aliquet lorem felis id lorem. Phasellus adipiscing arcu ac erat pretium eget aliquet magna bibendum. Pellentesque dictum erat id erat rhoncus eu ultrices magna molestie. Donec convallis sapien ac ipsum mollis aliquam. </p>
                    <a href="blog_post.html" class="more float_r"></a>
                    <div class="cleaner"></div>
				</div>
                <div class="pagging">
                    <ul>
                        <li><a href="http://sc.chinaz.com" target="_parent">Previous</a></li>
                        <li><a href="http://sc.chinaz.com/page/1" target="_parent">1</a></li>
                        <li><a href="http://sc.chinaz.com/page/2" target="_parent">2</a></li>
                        <li><a href="http://sc.chinaz.com/page/3" target="_parent">3</a></li>
                        <li><a href="http://sc.chinaz.com/page/4" target="_parent">4</a></li>
                        <li><a href="http://sc.chinaz.com/page/5" target="_parent">5</a></li>
                        <li><a href="http://sc.chinaz.com/page/6" target="_parent">6</a></li>
                        <li><a href="http://sc.chinaz.com/page/7" target="_parent">Next</a></li>
                    </ul>
                </div>   
              <div class="cleaner"></div>
            </div>
            <div id="sidebar">
                <div id="templatemo_search">
                    <form action="#" method="get">
                      <input type="text" value="Search" name="keyword" id="keyword" title="keyword" onfocus="clearText(this)" onblur="clearText(this)" class="txt_field" />
                      <input type="submit" name="Search" value="" alt="Search" id="searchbutton" title="Search" class="sub_btn"  />
                    </form>
                </div>
                
                <div class="sb_box">
                    <h3>Categories</h3>
                    <ul class="templatemo_list">
                        <li>Augue felis pharetra felis</li>
                        <li>Curabitur eget tincidunt</li>
                        <li>Donec sed nulla sit amet</li>
                        <li>Felis pharetra felis sed</li>
                        <li>Integer placerat dolor vel</li>
                        <li>Tortor mi in massa donec</li>
                        <li>Vulputate tortor in massa</li>
                    </ul>
				</div>
                <div class="sb_box">
                	<h3>Popular Posts</h3>
                    <div class="rp_pp">
                        <img class="image_frame sidebar" src="images/templatemo_image_05.png" alt="Image 05" />
                        <a href="#">Donec semper dolor quis purus id ut tellus.</a>
                      <p>June 24, 2048 - 143 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="rp_pp">
                        <img class="image_frame sidebar" src="images/templatemo_image_06.png" alt="Image 06" />
                        <a href="#">Etiam Fringilla Sapien quis mauris  vestibulum.</a>
                  		<p>June 15, 2048 - 152 comments</p>
                        <div class="cleaner"></div>
                    </div>
                    <div class="rp_pp">
                        <img class="image_frame sidebar" src="images/templatemo_image_07.png" alt="Image 07" />
                        <a href="#">Sed ac arcu ipsum, ut suscipit neque. </a>
                        <p>June 08, 2048 - 167 comments</p>
                        <div class="cleaner"></div>
                    </div>
                </div>
                <div class="sb_box">
                	<h3>Flickr Stream</h3>
                    <ul class="flickr_stream">
                    	<li><a href="#"><img class="image_frame" src="images/templatemo_image_02.png" alt="Flickr 01" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_03.png" alt="Flickr 02" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_04.png" alt="Flickr 03" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_05.png" alt="Flickr 04" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_06.png" alt="Flickr 05" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_07.png" alt="Flickr 06" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_04.png" alt="Flickr 07" /></a></li>
                        <li><a href="#"><img class="image_frame" src="images/templatemo_image_02.png" alt="Flickr 08" /></a></li>
                        <li class="no_margin_right"><a href="#"><img class="image_frame" src="images/templatemo_image_03.png" alt="Flickr 09" /></a></li>
                    </ul>
                    <div class="cleaner"></div>
                    <a href="#" class="more"></a>
                    <div class="cleaner"></div>
                </div>
            </div> <!-- end of sidebar -->
            
            <div class="cleaner"></div>
        </div> <!-- end of main -->
    </div> <!-- end of main wrapper -->
    
</div> <!-- end of wrapper -->

<div id="templatemo_footer_wrapper">
	<div id="templatemo_footer">
    	<a href="#templatemo_header" class="goto_top"></a>
    	<div class="col_4">
        	<h5>Pages</h5>
            <ul class="footer_list">
            	<li><a href="home.html">Home</a></li>
                <li><a href="about.html">About Us</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
                <li><a href="blog.html">Blog</a></li>
                <li><a href="contact.html">Contact</a></li>
			</ul>
        </div>
        
        <div class="col_4">
        	<h5>Partners</h5>
            <ul class="footer_list">
            	<li><a href="http://www.flashmo.com/">Free Flash Templates</a></li>
                <li><a href="http://sc.chinaz.com/">Free CSS Templates</a></li>
                <li><a href="http://www.flashmo.com/store">Preminum Templates</a></li>
                <li><a href="http://www.koflash.com/">Website Gallery</a></li>
                <li><a href="http://www.webdesignmo.com/blog/">Web Design Resources</a></li>
			</ul>             
        </div>
        
        <div class="col_4">
        	<h5>Twitter</h5>
            <ul class="twitter_post">
	            <li>Suspendisse at scelerisque urna. Aenean tincidunt massa in tellus varius ultricies.</li>
                <li>Proin dignissim, diam nec <a href="#">@TemplateMo</a> enim lorem tempus orci, ac ante purus in justo.</li>
			</ul>
        </div>
        
        <div class="col_4 col_l">
        	<h5>Follow Us</h5>
            <div class="footer_social_button">
                <a href="http://www.facebook.com/templatemo"><img src="images/facebook.png" title="facebook" alt="facebook" /></a>
                <a href="#"><img src="images/flickr.png" title="flickr" alt="flickr" /></a>
                <a href="#"><img src="images/twitter.png" title="twitter" alt="twitter" /></a>
                <a href="#"><img src="images/youtube.png" title="youtube" alt="youtube" /></a>
                <a href="#"><img src="images/feed.png" title="rss" alt="rss" /></a>
			</div>
            <div class="cleaner h40"></div>
            
        	Copyright © 2048 <a href="#">Company Name</a> <br /> 
            <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <br />
            <a href="http://sc.chinaz.com" target="_parent"> Free CSS Templates</a>
      		
		</div>
        
        <div class="cleaner"></div>
    </div>
</div>

<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div></body>
</html>